
<!DOCTYPE html>
<html>
<head>
	<title></title>
	<link rel="stylesheet" type="text/css" href="/Public/layui/css/layui.css">
	<style type="text/css">
		body{
			background:#f3f3f3;
		}
		.statistics_list {
		    width: 100%;
		    overflow: auto;
		}
		.statistics_list .statistics {
		    width: 23%;
		    margin: 20px 1%;
		    background: #FFFFFF;
		    padding: 30px;
		    overflow: auto;
		    float: left;
		}
		.statistics_list .statistics .left {
		    float: left;
		    height: 60px;
		}
		.statistics_list .statistics .left .number {
		    height: 40px;
		    line-height: 40px;
		    text-align: center;
		    font-size: 32px;
		    color: #676767;
		}
		.statistics_list .statistics .left .title {
		    font-size: 14px;
		    color: #AAB5BC;
		    font-weight: 600;
		    height: 20px;
		    line-height: 20px;
		    text-align: center;
		}
		.statistics_list .statistics .icon {
		    float: right;
		    width: 60px;
		    height: 60px;
		    background: #666;
		    color: #FFFFFF;
		    line-height: 60px;
		    font-size: 40px;
		    text-align: center;
		}
		.statistics_list .statistics .icon i{
			font-size:40px;
			line-height: 60px;
		}
	</style>
</head>
<body>
	<div class="statistics_list">
		<div class="statistics">
			<div class="left">
				<div class="number">{$data.days}天{$data.hours}时</div>
				<div class="title">系统已运行</div>
			</div>
			<div class="icon" style="background:#2058c1;"><i class="layui-icon layui-anim layui-anim-rotate layui-anim-loop"></i></div>
		</div>

		<!-- <div class="statistics">
			<div class="left">
				<div class="number">{$banner}</div>
				<div class="title">导航图数量</div>
			</div>
			<div class="icon" style="background:#20aac1"><i class="layui-icon">&#xe631;</i></div>
		</div>

			<div class="statistics">
				<div class="left">
					<div class="number">{$content}</div>
					<div class="title">文章数量</div>
				</div>
				<div class="icon" style="background:#ebf101"><i class="layui-icon">&#xe613;</i></div>
			</div>

			<div class="statistics">
				<div class="left">
					<div class="number">{$goods}</div>
					<div class="title">商品数量</div>
				</div>
				<div class="icon" style="background:#48c120;"><i class="layui-icon">&#xe61d;</i></div>
			</div>



			<div class="statistics">
				<div class="left">
					<div class="number">{$dfk1}</div>
					<div class="title">未付款</div>
				</div>
				<div class="icon" style="background:#f74658;"><i class="layui-icon">&#xe629;</i></div>
			</div>

			<div class="statistics">
				<div class="left">
					<div class="number">{$dfk2}</div>
					<div class="title">已付款</div>
				</div>
				<div class="icon" style="background:#20c18b;"><i class="layui-icon">&#xe630;</i></div>
			</div>

			<div class="statistics">
				<div class="left">
					<div class="number">{$dfk3}</div>
					<div class="title">已发货</div>
				</div>
				<div class="icon" style="background:#2096c1;"><i class="layui-icon">&#xe60a;</i></div>
			</div>

		
			<div class="statistics">
				<div class="left">
					<div class="number">{$dfk4}</div>
					<div class="title">已完成</div>
				</div>
				<div class="icon" style="background:#a853f3;"><i class="layui-icon">&#xe635;</i></div>
			</div>

			<div class="statistics">
				<div class="left">
					<div class="number">{$user}</div>
					<div class="title">用户数量</div>
				</div>
				<div class="icon" style="background:#a853f3;"><i class="layui-icon">&#xe635;</i></div>
			</div> -->

	</div>
</body>
</html>